<script lang="ts">
import { useGlobalStore } from "@/stores/modules/global";
const globalStore = useGlobalStore();
export default {
  data() {
    return {
      globalStore
    };
  },
  methods: {
    ondblclickMsg(evt: Event) {
      let target: HTMLDivElement = evt.target as HTMLDivElement;
      target.innerHTML = "";
    }
  }
};
</script>
<template>
  <div id="DWTdivMsg" class="clearfix" :style="`border-color: ${globalStore.primary}`">
    <span class="lblMessage">系统消息:</span><br />
    <div id="DWTemessage" class="message" @dblclick="evt => ondblclickMsg(evt)"></div>
  </div>
</template>

<style lang="scss">
/* stylelint-disable-next-line selector-id-pattern */
#DWTemessage {
  strong {
    font-weight: normal;
    color: var(--el-color-primary) !important;
  }
}
</style>
